// 清除浮动
.clear-fix {
    &:after {
        content: '';
        display: table;
        clear: both;
    }
}

// 大小设置
.size(@width, @height) {
    width: @width;
    height: @height;
}

// 链接
.link {
    color: var(--color-focus);
}

// 覆盖elelment-ui
.el-message {
    min-width: 0;
}

// flex两端对齐
.flex-space-between {
    display: flex;
    justify-content: space-between;
}

// flex居中对齐
.flex-align-center {
    display: flex;
    align-items: center;
}

// flex上下居中对齐
.flex-justify-center {
    display: flex;
    justify-content: center;
}

// 行模式
.flex-column {
    flex-direction: column;
}

.border-radius {
    border-radius: var(--border-radius);
}

// 隐藏滚动条
.scrollbar-none {
    &::-webkit-scrollbar {
        display: none;
    }
}

// 骨架屏按钮
.skeleton-button {
    height: 32px;
}

// 内容最大宽度
.container-middle {
    max-width: 710px;
    margin: 0 auto;
    box-sizing: border-box;
}